<{include file="public/header.html"}> 
		<!--main-->
		<div class="main w1345 mt20">
			<!--左区域-->
			<div class="fl">
				<div class="pr20">
					<div class="banner">
						<div class="banner-img">
							<ul class="imglist">
								<li style='display: block;'>
									<a href='#'><img src="<{$style_dir}>/img/banner/1.jpg" alt="banner"/></a>
								</li>
								<li>
									<a href='/mplat.html' target="_blank"><img src="<{$style_dir}>/img/banner/2.jpg" alt="banner"/></a>
								</li>
								<li>
									<a href='/mfunds.html' target="_blank"><img src="<{$style_dir}>/img/banner/3.jpg" alt="banner"/></a>
								</li>
								<li>
									<a href='/card.html' target="_blank"><img src="<{$style_dir}>/img/banner/4.jpg" alt="banner"/></a>
								</li>
							</ul>
							<ul class="imgbtn">
								<li class="on"></li>
								<li></li>
								<li></li>
								<li></li>
							<ul>
						</div>
					</div>
				</div>
			</div>
			<!--Banner jq-->
			<script type="text/javascript">
				$(window).scroll(function(){
					var _top = $(window).scrollTop();
					if( _top >= 145 ){
						$(".banner").css('position','fixed');
					}if( _top < 145 ){
						$(".banner").css('position','');
					};
				});
				
				var $btnLi = $('.banner-img ul.imgbtn li');
				var index = 0;
				var timer;
				$btnLi.hover(function(){
					index = $(this).index();
					fn();
				});
				$('.banner').hover(function(){
					clearInterval(timer);
				},function(){
					bannerauto();
				});
				function fn(){
					$btnLi.eq(index).addClass('on').siblings().removeClass('on');
					$('.banner-img ul.imglist li').eq(index).stop(true).fadeIn().siblings().stop(true).fadeOut();
				};
				bannerauto();
				function bannerauto(){
					timer = setInterval(function(){
						index ++;
						index %= $btnLi.length;
						fn();
					},5000);
				}
			</script>
			
			
			<!--右区域-->
			<div class="home w75 fr">
				<!--分类按钮-->
				<div class="top-region classification mb15">
					<a href="<{eval url('guide')}>" class="icon-block icon-novice-block" style="margin-left: 0px;"></a>
                                        <a href="javascript:void(0);" data-url="<{eval url('user/sign')}>" class="icon-block icon-sign-block"></a>
					<a href="/mvip.html" class="icon-block icon-vip-block"></a>
					<div class="clear"></div>
				</div>
				
				<!--体验专区-->
				<div class="title-big mb15">
					<h4 class="pud10">
						<div class="title">
                                                    <a href="/mplat.html" target="_blank">
							体验每一个非凡之选
							
                                                    </a>
                            <a href="/mplat.html" target="_blank" class="icon-all-btn fr"></a>
						</div>
					</h4>
					<ul class="platform-index" id="platform-list">
                                            <{foreach from=$plats item=val}>
                                            <li>
                                                <a href="<{$val['url']}>" target="_blank">
                                                    <div class="img">
                                                            <div class="line"></div>
                                                            <div class="txt">
                                                                    <p><i>奖励：</i><{$val['max_award']}></p>
                                                            </div>
                                                            <div class="hide">
                                                                    <p><{$val['activity_tips']}></p>

                                                            </div>
                                                    </div>
                                                    <span class="but"><img src="<{$val['logo_index']}>" /></span>
                                                </a>
                                            </li>
                                            <{/foreach}>
						<div class="clear"></div>
					</ul>
				</div>
				<!--信用卡-->
				<div class="title-big mb15">
					<h4 class="pud10">
						<div class="title">
                                                    <a href="/card.html" target="_blank">
							一卡在手钱程无忧
                                                    </a>
                            <a href="/card.html" target="_blank" class="icon-all-btn fr"></a>
						</div>
					</h4>
					<ul class="credit funding-jq">
						<li class="w100 propaganda-transverse mtb10" style="background: url(<{$style_dir}>/img/propaganda-banner/3.jpg);">
							<div class="txt w100">
								<a href="/card.html" target="_blank" class="fl con">
									<p>平安银行股份有限公司是一家总部设在深圳的全国性股份制商业银行，在职员工37,937人，通过全国54家分行、997家营业机构为客户提供多种金融服务。</p>
								</a>
								<div class="fr btn">
									<a href="/card.html" target="_blank" class="btn">立即领取</a>
								</div>
							</div>
							<div class="cover"></div>
						</li>
						<li class="w100 propaganda-transverse mtb10" style="background: url(<{$style_dir}>/img/propaganda-banner/4.jpg);">
							<div class="txt w100">
								<a href="/card.html" target="_blank" class="fl con">
									<p>2002年，招商银行实现了信用卡的一体化、专业化服务。招商银行信用卡客户服务中心，早在2004年度中国呼叫中心运营与客户关系管理大会上就被评为“年度中国最佳呼叫中心”，是国内金融行业的唯一获奖单位。</p>
								</a>
								<div class="fr btn">
                                    <a href="/card.html" target="_blank" class="btn">立即领取</a>
								</div>
							</div>
							<div class="cover"></div>
						</li>
						<li class="w100 propaganda-transverse mtb10" style="background: url(<{$style_dir}>/img/propaganda-banner/5.jpg);">
							<div class="txt w100">
								<a href="/card.html" target="_blank" class="fl con">
									<p>中信银行创立于1987年，是中国的全国性商业银行之一，2006年在比利时安特卫普举行的FCI年会上，中信银行被评选为最佳出口保理商服务质量进步奖，成为中国第一家获得FCI奖项的银行。</p>
								</a>
								<div class="fr btn">
                                    <a href="/card.html" target="_blank" class="btn">立即领取</a>
								</div>
							</div>
							<div class="cover"></div>
						</li>
					</ul>
				</div>
				<!--众筹项目-->
				<div class="title-big mb15">
					<h4 class="pud10">
						<div class="title">
                                                        <a href="/mfunds.html" target="_blank">
							一个梦想启航的地方
                                                        </a>
                            <a href="/mfunds.html" target="_blank" class="icon-all-btn fr"></a>
						</div>
					</h4>
					<ul class="funding funding-jq">
                                            <{foreach from=$funds item=val}>
						<li class="w100 propaganda-transverse mtb10" style="background: url(<{$val['banner_list']}>) center;">
							<div class="txt w100">
								<a href="/mfunds.html" target="_blank" class="fl con">
									<p><{$val['introduction']}></p>
								</a>
								<div class="fr btn">
									<a href="/mfunds.html" target="_blank" class="btn" alt title >一秒当老板</a>
								</div>
							</div>
							<div class="cover"></div>
						</li>
                                            <{/foreach}>
					</ul>
				</div>
				
				<!--社区-->
				<div class="title-big mb15">
					<h4 class="pud10">
						<div class="title">
                                                    <a href="/mclub.html" target="_blank">
							放学后老地方见
                                                    </a>
                            <a href="/mclub.html" target="_blank" class="icon-all-btn fr"></a>
						</div>
					</h4>
					<div class="">
                                            <a href="/mclub.html" target="_blank">
                                            <img src="<{$style_dir}>/img/guide-index.jpg"/>
                                            </a>
					</div>
				</div>
				<!--合作企业-->
				<div class="title-big mb15">
					<h4 class="pud10">
						<div class="title">
							一路前进有你同行
						</div>
					</h4>
					<ul class="cooperation">
                                            <{foreach from=$partners item=val}>
                                            <li>
                                                <a href="<{$val['website']}>" title="<{$val['title']}>" target="_blank">
                                                    <img src="<{$val['logo']}>"/>
                                                </a>
                                            </li>
                                            <{/foreach}>
					</ul>
				</div>
			</div>
		</div>
		<div class="clear"></div>
                
                
		<script src="<{$style_dir}>/js/jquery.rotate.min.js"></script>
		<script type="text/javascript">
			$(".article-hot").hover(function(){
				$(this).find(".article-img").animate({top:"-8px"},400);
				$(this).find(".article-con").animate({bottom:"25px"},400);
			},function(){
				$(this).find(".article-img").animate({top:"0px"},400);
				$(this).find(".article-con").animate({bottom:"0px"},400);
			});
			
			$(".nav-tips .icon-tips").click(function(){
				$(".popup").fadeIn();
			});
		</script>
                
		<!--footer-->
		
<{include file="public/footer.html"}> 